@import '@/assets/css/public';
.main2SignalGraph1{
	color:#fff;
	.wrapper{
	  .ctn{
			border: 1px solid #e3e5e4;
			height: 920px;
			box-sizing: border-box;
			display: flex;
			& > div + div{
				border-left: 1px solid #e3e5e4;
			}
			.left{
				flex:3.5;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				.leftTop{
					height: 40px;
					display: flex;
					justify-content: center;
					align-items: center;
					border-bottom: 1px solid #e3e5e4;
					& > p{
						font-size: 16px;
					}
				}
				.leftBtm{
					flex:1;
					overflow: hidden;
					display: flex;
					& > div + div{
						border-left: 1px solid #e3e5e4;
					}
					.leftBtn_left{
						flex:1;
						overflow: hidden;
						display: flex;
						flex-direction: column;
						& > div + div{
							border-top: 1px solid #e3e5e4;
						}
						.leftBtn_leftTop{
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							.leftBtn_leftTop_top{
								height: 40px;
								display: flex;
								justify-content: center;
								align-items: center;
								border-bottom: 1px solid #e3e5e4;
								& > p{
									font-size: 16px;
								}
							}
							.leftBtn_leftTop_btm{
								flex:1;
								overflow: hidden;
								display: flex;
								.leftBtn_leftTop_btmLeft{
									flex:1;
									overflow: hidden;
									display: flex;
									flex-direction: column;
									align-items: center;
									padding: 0 5px;
									box-sizing: border-box;
									& > p{
										text-align: center;
										padding: 10px 0;
										box-sizing: border-box;
									}
									& > ul{
										width: calc(100% - 5px);
										flex:1;
										overflow: hidden;
										display: flex;
										flex-direction: column;
										align-items: center;
										& > li + li{
											margin-top: 2px;
										}
										& > li{
											width: 100%;
											text-align: center;
											// border: 1px solid #e3e5e4;
											// padding: 5px 0;
											box-sizing: border-box;
											& > div{
												padding: 5px;
											}
										}
									}
								}
								.leftBtn_leftTop_btmRight{
									flex:1;
									overflow: hidden;
									display: flex;
									flex-direction: column;
									align-items: center;
									padding: 0 5px;
									box-sizing: border-box;
									& > p{
										text-align: center;
										padding: 10px 0;
										box-sizing: border-box;
									}
									& > ul{
										width: calc(100% - 5px);
										flex:1;
										overflow: hidden;
										display: flex;
										flex-direction: column;
										align-items: center;
										& > li + li{
											margin-top: 2px;
										}
										& > li{
											width: 100%;
											text-align: center;
											// border: 1px solid #e3e5e4;
											// padding: 5px 0;
											box-sizing: border-box;
											& > div{
												padding: 5px;
											}
										}
									}
								}
							}
						}
						.leftBtn_leftBtm{
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							.leftBtn_leftBtm_top{
								height: 40px;
								display: flex;
								justify-content: center;
								align-items: center;
								border-bottom: 1px solid #e3e5e4;
								& > p{
									font-size: 16px;
								}
							}
							.leftBtn_leftBtm_btm{
								flex:1;
								overflow: hidden;
								padding-top: 10px;
								box-sizing: border-box;
								display: flex;
								.leftBtn_leftBtm_btmLeft{
									flex:1;
									overflow: hidden;
									display: flex;
									flex-direction: column;
									align-items: center;
									padding: 0 5px;
									box-sizing: border-box;
									& > p{
										text-align: center;
										padding: 10px 0;
										box-sizing: border-box;
									}
									& > ul{
										width: calc(100% - 5px);
										flex:1;
										overflow: hidden;
										display: flex;
										flex-direction: column;
										align-items: center;
										& > li + li{
											margin-top: 2px;
										}
										& > li{
											width: 100%;
											text-align: center;
											// border: 1px solid #e3e5e4;
											// padding: 5px 0;
											box-sizing: border-box;
											& > div{
												padding: 5px;
											}
										}
									}
								}
								.leftBtn_leftBtm_btmRight{
									flex:1;
									overflow: hidden;
									display: flex;
									flex-direction: column;
									align-items: center;
									padding: 0 5px;
									box-sizing: border-box;
									& > p{
										text-align: center;
										padding: 10px 0;
										box-sizing: border-box;
									}
									& > ul{
										width: calc(100% - 5px);
										flex:1;
										overflow: hidden;
										display: flex;
										flex-direction: column;
										align-items: center;
										& > li + li{
											margin-top: 2px;
										}
										& > li{
											width: 100%;
											text-align: center;
											// border: 1px solid #e3e5e4;
											// padding: 5px 0;
											box-sizing: border-box;
											& > div{
												padding: 5px;
											}
										}
									}
								}
							}
						}
					}
					.leftBtn_right{
						flex:1;
						overflow: hidden;
						display: flex;
						flex-direction: column;
						& > div + div{
							border-top: 1px solid #e3e5e4;
						}
						.leftBtn_rightTop{
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							.leftBtn_rightTop_top{
								height: 40px;
								display: flex;
								justify-content: center;
								align-items: center;
								border-bottom: 1px solid #e3e5e4;
								& > p{
									font-size: 16px;
								}
							}
							.leftBtn_rightTop_btm{
								flex:1;
								overflow: hidden;
								box-sizing: border-box;
								display: flex;
								.leftBtn_rightTop_btmLeft{
									flex:1;
									overflow: hidden;
									display: flex;
									flex-direction: column;
									align-items: center;
									padding: 0 5px;
									box-sizing: border-box;
									& > p{
										text-align: center;
										padding: 10px 0;
										box-sizing: border-box;
									}
									& > ul{
										width: calc(100% - 5px);
										flex:1;
										overflow: hidden;
										display: flex;
										flex-direction: column;
										align-items: center;
										& > li + li{
											margin-top: 2px;
										}
										& > li{
											width: 100%;
											text-align: center;
											// border: 1px solid #e3e5e4;
											// padding: 5px 0;
											box-sizing: border-box;
											& > div{
												padding: 5px;
											}
										}
									}
								}
								.leftBtn_rightTop_btmRight{
									flex:1;
									overflow: hidden;
									display: flex;
									flex-direction: column;
									align-items: center;
									padding: 0 5px;
									box-sizing: border-box;
									& > p{
										text-align: center;
										padding: 10px 0;
										box-sizing: border-box;
									}
									& > ul{
										width: calc(100% - 5px);
										flex:1;
										overflow: hidden;
										display: flex;
										flex-direction: column;
										align-items: center;
										& > li + li{
											margin-top: 2px;
										}
										& > li{
											width: 100%;
											text-align: center;
											// border: 1px solid #e3e5e4;
											// padding: 5px 0;
											box-sizing: border-box;
											& > div{
												padding: 5px;
											}
										}
									}
								}
							}
						}
						.leftBtn_rightBtm{
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							.leftBtn_rightBtm_top{
								height: 40px;
								display: flex;
								justify-content: center;
								align-items: center;
								border-bottom: 1px solid #e3e5e4;
								& > p{
									font-size: 16px;
								}
							}
							.leftBtn_rightBtm_btm{
								flex:1;
								overflow: hidden;
								display: flex;
								flex-direction: column;
								align-items: center;
								padding: 10px;
								box-sizing: border-box;
								& > p{
									text-align: center;
									padding: 10px 0;
									box-sizing: border-box;
								}
								& > ul{
									width: calc(100% - 5px);
									flex:1;
									overflow: hidden;
									display: flex;
									flex-direction: column;
									align-items: center;
									& > li + li{
										margin-top: 2px;
									}
									& > li{
										width: 100%;
										text-align: center;
										// border: 1px solid #e3e5e4;
										// padding: 5px 0;
										box-sizing: border-box;
										& > div{
											padding: 5px;
										}
									}
								}
							}
						}
					}
				}
			}
			.mid{
				flex:1;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				.midTop{
					height: 40px;
					display: flex;
					justify-content: center;
					align-items: center;
					border-bottom: 1px solid #e3e5e4;
					& > p{
						font-size: 16px;
					}
				}
				.midBtm{
					flex:1;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					& > div + div{
						border-top: 1px solid #e3e5e4;
					}
					.midBtm_top{
						flex:1;
						overflow:hidden;
						display: flex;
						flex-direction: column;
						align-items: center;
						padding: 0 10px;
						box-sizing: border-box;
						& > p{
							text-align: center;
							padding: 10px 0;
							box-sizing: border-box;
						}
						& > ul{
							width: calc(100% - 5px);
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							align-items: center;
							& > li + li{
								margin-top: 2px;
							}
							& > li{
								width: 100%;
								text-align: center;
								// border: 1px solid #e3e5e4;
								// padding: 5px 0;
								box-sizing: border-box;
								& > div{
									padding: 5px;
								}
							}
						}
					}
					.midBtm_btm{
						flex:1;
						overflow:hidden;
						display: flex;
						flex-direction: column;
						align-items: center;
						padding: 0 10px;
						box-sizing: border-box;
						& > p{
							text-align: center;
							padding: 10px 0;
							box-sizing: border-box;
						}
						& > ul{
							width: calc(100% - 5px);
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							align-items: center;
							& > li + li{
								margin-top: 2px;
							}
							& > li{
								width: 100%;
								text-align: center;
								// border: 1px solid #e3e5e4;
								// padding: 5px 0;
								box-sizing: border-box;
								& > div{
									padding: 5px;
								}
							}
						}
					}
				}
			}
			.right{
				flex:3;
				overflow: hidden;
				display: flex;
				flex-direction: column;
				.rightTop{
					height: 40px;
					display: flex;
					justify-content: center;
					align-items: center;
					border-bottom: 1px solid #e3e5e4;
					& > p{
						font-size: 16px;
					}
				}
				.rightBtm{
					flex:1;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					& > div + div{
						border-top: 1px solid #e3e5e4;
					}
					.rightBtm_top{
						flex:2;
						overflow: hidden;
						display: flex;
						& > div + div{
							border-left: 1px solid #e3e5e4;
						}
						.rightBtm_topLeft{
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							align-items: center;
							padding: 0 10px;
							box-sizing: border-box;
							& > p{
								text-align: center;
								padding: 10px 0;
								box-sizing: border-box;
							}
							& > ul{
								width: calc(100% - 5px);
								flex:1;
								overflow: hidden;
								display: flex;
								flex-direction: column;
								align-items: center;
								& > li + li{
									margin-top: 2px;
								}
								& > li{
									width: 100%;
									text-align: center;
									// border: 1px solid #e3e5e4;
									// padding: 5px 0;
									box-sizing: border-box;
									& > div{
										padding: 5px;
									}
								}
							}
						}
						.rightBtm_topMid{
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							align-items: center;
							padding: 0 10px;
							box-sizing: border-box;
							& > p{
								text-align: center;
								padding: 10px 0;
								box-sizing: border-box;
							}
							& > ul{
								width: calc(100% - 5px);
								flex:1;
								overflow: hidden;
								display: flex;
								flex-direction: column;
								align-items: center;
								& > li + li{
									margin-top: 2px;
								}
								& > li{
									width: 100%;
									text-align: center;
									// border: 1px solid #e3e5e4;
									// padding: 5px 0;
									box-sizing: border-box;
									& > div{
										padding: 5px;
									}
								}
							}
						}
						.rightBtm_topRight{
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							align-items: center;
							padding: 0 10px;
							box-sizing: border-box;
							& > p{
								text-align: center;
								padding: 10px 0;
								box-sizing: border-box;
							}
							& > ul{
								flex:1;
								width: calc(100% - 5px);
								overflow: hidden;
								display: flex;
								flex-direction: column;
								align-items: center;
								& > li + li{
									margin-top: 2px;
								}
								& > li{
									width: 100%;
									text-align: center;
									// border: 1px solid #e3e5e4;
									// padding: 5px 0;
									box-sizing: border-box;
									& > div{
										padding: 5px;
									}
								}
							}
						}
					}
					.rightBtm_btm{
						flex:0.7;
						overflow: hidden;
						display: flex;
						padding: 0 10px;
						box-sizing: border-box;
						& > div{
							flex:1;
							overflow: hidden;
							display: flex;
							flex-direction: column;
							align-items: center;
							& > p{
								text-align: center;
								padding: 10px 0;
								box-sizing: border-box;
							}
							& > ul{
								flex:1;
								overflow: hidden;
								display: flex;
								flex-direction: column;
								align-items: center;
								width: calc(100% - 5px);
								& > li + li{
									margin-top: 2px;
								}
								& > li{
									width: 100%;
									text-align: center;
									// border: 1px solid #e3e5e4;
									// padding: 5px 0;
									box-sizing: border-box;
									& > div{
										padding: 8px 20px;
									}
								}
							}
						}
					}
				}
			}
	  }
	}
}
